<template>
  <view ref="item" class="list-item" :class="className">
    <text>{{text}}</text>
    <text>{{detail}}</text>
  </view>
</template>

<script>
export default {
  props : ['text','detail','borderBottom','className'],
}
</script>

<style>
.list-item {
  display: flex;
  justify-content: space-between;
}
.list-item text {
  line-height: 2;
  padding: 10rpx;
}
</style>